    {/*头部开始*/}

    <style>
        .navbar-static-top {
            background-color: #fff !important;
            box-shadow: 5px 0 10px #ccc;
            height: 65px;
        }
    
        .skin-blue .main-header .navbar .sidebar-toggle {
            color: #666;
            display: inline-block;
            height: 100%;
        }
    
        .navbar-custom-menu {
            height: 100%;
        }
    
        .navbar-nav {
            height: 100%;
        }
    
        .dropdown {
            height: 100%;
        }
    
        .dropdown-toggle {
            display: block;
            height: 100%;
        }
    
        .skin-blue .main-header .navbar .sidebar-toggle:hover {
            background-color: #eee;
        }
    
        .skin-blue .main-header .navbar .sidebar-toggle:hover {
            color: #fff;
        }
    
        .navbar-nav>.user-menu .user-image {
            width: 30px;
            height: 30px;
        }
    
        .navbar-custom-menu>.navbar-nav>li>.dropdown-menu {
            width: 200px;
            height: 200px;
    
        }
    
        .navbar-nav>.user-menu>.dropdown-menu>li.user-header {
            height: 140px;
            padding: 10px;
            text-align: center;
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
    
        }
    
        .navbar-nav>.user-menu>.dropdown-menu>li.user-footer {
            border-bottom-left-radius: 10px !important;
            border-bottom-right-radius: 10px !important;
        }
    
        .logo-lg {
            transform: scale(0.9);
            animation-name: rubberBand;
            letter-spacing: 1px;
        }
    
    
        @keyframes rubberBand {
            from {
                transform: scale3d(1, 1, 1);
            }
    
            30% {
                transform: scale3d(1.25, 0.75, 1);
            }
    
            40% {
                transform: scale3d(0.75, 1.25, 1);
            }
    
            50% {
                transform: scale3d(1.15, 0.85, 1);
            }
    
            65% {
                transform: scale3d(0.95, 1.05, 1);
            }
    
            75% {
                transform: scale3d(1.05, 0.95, 1);
            }
    
            to {
                transform: scale3d(1, 1, 1);
            }
        }
    </style>
{if condition=" $box_is_pjax != 1 "}
    <header class="main-header">
        <a href="javascript:;" class="logo" style="background-color: #0E2D54; height: 65px;line-height: 65px;"><span class="logo-mini">{:config("project_name_simple")}</span><span class="logo-lg">{:config("project_name")}</span></a>
        <nav class="navbar navbar-static-top">
            <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </a>
            <div class="navbar-custom-menu">
                <ul class="nav navbar-nav">
                    <!--<li class="dropdown messages-menu">-->
                        <!--<a href="/" target="_blank" >$Think.lang.web_home</a>-->
                    <!--</li>-->
                    <!--<li class="dropdown messages-menu">-->
                        <!--<a href="javascript:void(0);" class="delete-one" data-url="url('Index/cleanCache')" data-id="-1" >$Think.lang.clean_cache</a>-->
                    <!--</li>-->
                    <li class="dropdown user user-menu">
                        <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown">
                            <img src="{:session('user_info')['avatar']}" class="user-image">
                            <span class="hidden-xs">{:session("user_info")["name"]}</span>
                        </a>
                        <ul class="dropdown-menu">
                            <li class="user-header">
                                <img src="{:session('user_info')['avatar']}" class="img-circle">
                                <p>{:session("user_info")["name"]}<small></small></p>
                            </li>
                            <li class="user-footer">
                                <div class="pull-left"><a href="{:url('User/user_set', ['id' => session('user_info')['id']])}" class="btn btn-default btn-flat">个人设置</a></div>
                                <div class="pull-right"><a href="{:url('User/login_out')}" class="btn btn-default btn-flat">退出</a></div>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
        </nav>
    </header>
{/if}
    {/*头部结束*/}
